view {
	display: block;
}

.center-box {
	width: 500upx;
	height: 500upx;
}

.search-box {
	width: 95%;
	background-color: rgb(242, 242, 242);
	padding: 15upx 2.5%;
	display: flex;
	justify-content: space-between;
}

.search-box .mSearch-input-box {
	width: 100%;
}

.search-box .input-box {
	width: 85%;
	flex-shrink: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-box .search-btn {
	width: 15%;
	margin: 0 0 0 2%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	font-size: 28upx;
	color: #fff;
	background: linear-gradient(to right, #ff9801, #ff570a);
	border-radius: 60upx;
}

.search-box .input-box>input {
	width: 100%;
	height: 60upx;
	font-size: 32upx;
	border: 0;
	border-radius: 60upx;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 3%;
	margin: 0;
	background-color: #ffffff;
}

.placeholder-class {
	color: #9e9e9e;
}

.search-keyword {
	width: 100%;
	background-color: rgb(242, 242, 242);
}

.keyword-list-box {
	height: calc(100vh - 110upx);
	padding-top: 10upx;
	border-radius: 20upx 20upx 0 0;
	background-color: #fff;
}

.keyword-entry-tap {
	background-color: #eee;
}

.keyword-entry {
	width: 94%;
	height: 80upx;
	margin: 0 3%;
	font-size: 30upx;
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1upx #e7e7e7;
}

.keyword-entry image {
	width: 60upx;
	height: 60upx;
}

.keyword-entry .keyword-text,
.keyword-entry .keyword-img {
	height: 80upx;
	display: flex;
	align-items: center;
}

.keyword-entry .keyword-text {
	width: 70%;
}

.keyword-entry .keyword-type {
	/* width: 20%; */
}

.keyword-entry .keyword-img {
	/* width: 10%; */
	justify-content: center;
}

.keyword-box {
	height: calc(100vh - 110upx);
	border-radius: 20upx 20upx 0 0;
	background-color: #fff;
}

.keyword-box .keyword-block {
	padding: 10upx 0;
}

.keyword-box .keyword-block .keyword-list-header {
	width: 94%;
	padding: 10upx 3%;
	font-size: 27upx;
	color: #333;
	display: flex;
	justify-content: space-between;
}

.keyword-box .keyword-block .keyword-list-header image {
	width: 40upx;
	height: 40upx;
}

.keyword-box .keyword-block .keyword {
	width: 94%;
	padding: 3px 3%;
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
}

.keyword-box .keyword-block .hide-hot-tis {
	display: flex;
	justify-content: center;
	font-size: 28upx;
	color: #6b6b6b;
}

.keyword-box .keyword-block .keyword>view {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 60upx;
	padding: 0 20upx;
	margin: 10upx 20upx 10upx 0;
	height: 60upx;
	font-size: 28upx;
	background-color: rgb(242, 242, 242);
	color: #6b6b6b;
}

.keyword-type {
	border-radius: 30upx;
	padding: 7upx;
	font-size: 28upx;

}

/* 
.garbage-gan {
	background-color: rgb(44, 43, 39);
	color: #FFFFFF;
}

.garbage-shi {
	background-color: rgb(102, 63, 52);
	color: #FFFFFF;
}

.garbage-huishou {
	background-color: rgb(36, 71, 131);
	color: #FFFFFF;
}

.garbage-youhai {
	background-color: rgb(229, 49, 34);
	color: #FFFFFF;
} */

/* 字体颜色 start*/

.garbage-gan {
	color: rgb(44, 43, 39);
}

.garbage-shi {
	color: rgb(102, 63, 52);
}

.garbage-huishou {
	color: rgb(36, 71, 131);
}

.garbage-youhai {
	color: rgb(229, 49, 34);
}

/* 字体颜色 end*/
/* 搜索框 start */
.input-view {
	display: flex;
	direction: row;
	justify-content: center;
	align-items: center;
	margin: 20upx 20upx;
	/* height: 80upx; */
	border: 1px solid #72c69c;
	border-radius: 50upx;
	box-shadow: 10upx 10upx 20upx #E0E0E0;

}

.input-view-camera,
.input-view-speech,
.input-view-search {
	/* border: 1px solid red; */
	border-radius: 20upx;
}

.input-view-camera {}

.input-view-item {
	height: 80upx;
	align-items: center;
	padding: 10upx;
}

.input-search {
	height: 80upx;
	width: 320upx;
}

.search-img {
	width: 80upx;
	height: 80upx;
}

.font-search {
	/* border: 2px solid red; */
	width: 80upx;
	padding: 10upx;
	color: #72c69c;
	font-weight: bold;
}

/* 搜索框 end */


/*  主要分类 面板  start*/
.main-classify {
	display: flex;
	direction: center;
	justify-content: center;
}

.main-img {
	width: 240upx;
	height: 240upx;
	padding: 20upx;
}


/* 录音 start */
.recording-box {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#canvas {
	/* border: 2upx solid red; */
	position: relative;
	width: 300upx;
	height: 300upx;
	z-index: 10;
}

.recording-button {
	position: absolute;
	box-sizing: border-box;
	top: 50upx;
	left: 50upx;
	display: inline-block;
	width: 200upx;
	height: 200upx;
	border: 1px dashed #1296DB;
	border-radius: 50%;
	background: url(../../static/icos/record.png) no-repeat 50% 50%;
	background-size: 80% 80%;
	z-index: 100;
}

/* 录音 end */

/* 自定义 详情 弹框 start */


/* 自定义 详情 弹框 end */

.image-hot {
	width: 24upx;
	height: 24upx;
}
/* 图像未识别结果 弹框 start */
.imagePopup{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 650upx;
	height: 400upx;
	font-size: 32upx;
	
}
.image-left{
	/* border: 2upx solid red; */
}
.tempImage{
	/* border: 2upx solid green; */
	width: 220upx;
	height: 400upx;
}
.list-item{
	width: 410upx;
	height: 70upx;
	line-height: 70upx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1upx solid #e6e6e6;
}
.item-keyword{
	
}
.image-close{
	font-size: 30upx;
	text-align: center;
	color: #666;
	margin-bottom: 10upx;
}
.item-pi{
	width: 180upx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 28upx;
	color: #666;
}
.image-button{
	width: 650upx;
	margin-top: 40upx;
}
/* 图像未识别结果 弹框 end */
